<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Register</title>
    <link rel="stylesheet" href="../css/register.css" type="text/css" />
    <link rel="stylesheet" href="../css/common.css" type="text/css" />
    <script type="text/javascript" src="../scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.animate-colors-min.js"></script>
    <script type="text/javascript" src="../scripts/navi_common.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".navi1").hover(function (e) {
                $("#navi1").animate({ color: '#75AF1C' }, { speed: 2000, queue: false });
                $(".all_course").show(1000).hover(
                    function () {
                        clearTimeout(window.timer);
                    }, function () {
                        $(".all_course").hide();
                    });
            }, function () {
                $("#navi1").animate({ color: '#000000' }, { speed: 0, queue: false });
                window.timer = setTimeout(function () { $(".all_course").hide(); }, 200);
            });

            $("#register_logo").hover(function () {
                $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 1000, queue: false });
            }, function () {
                $(this).animate({ backgroundColor: '#771347' }, { speed: 1000, queue: false });
            });

            $('.register_btn').hover(function () {
                $(this).animate({ backgroundColor: '#30A8F4' }, { speed: 1000, queue: false });
            }, function () {
                $(this).animate({ backgroundColor: '#771347' }, { speed: 1000, queue: false });
            });
        });
    </script>
</head>
<body>
<div id="bigContent">
<div id="head">
    <div id="title">
        <div class="title_left">
            <div class="titleText">Students Online Exam Platform</div>
        </div>
        <div class="title_right">
            <div class="avatar"><img src="../image/noavatar.jpg" alt="../image/noavatar.jpg"/></div>
            <div class="userState">
                <div class="userState_big"><a href="#">noavatar</a></div>
                <div class="userState_small"><a href="#">login</a></div>
            </div>
        </div>
    </div>
    <div id="navi">
        <div class="navi_top">
            <ul class="all_navi">
            	<li id="navi1" class="each_navi navi1">Examination</li>
                <li id="navi2" class="each_navi navi2">Prectice Test </li>
                <li id="navi3" class="each_navi navi3">Free Q&A</li>
            </ul>
        </div>
        <div class="navi_bottom">
            <ul class="all_terms">
            	<li class="each_term term1">freshman 1</li>
                <li class="each_term term2">freshman 2</li>
                <li class="each_term term3">sophomore 1</li>
                <li class="each_term term4">sophomore 2</li>
                <li class="each_term term5">junior 1</li>
                <li class="each_term term6">junior 2</li>
            </ul>
        </div>
    </div>
</div>
<div id="content_register"  class="boxShadow">
    <div id="register_logo"></div>
    <div id="register_content">
        <div id="register_notice">Please input your personal info</div>
        <form action="/Exam1/servlet/SRegisterServlet" method="post">
            <div id="register_info">
                <p>
                    <label for="student_id">Student Id:</label>
                    <input id="student_id" type="text" name="student_id"/>
                </p>
                <p>
                    <label for="password">Password:</label>
                    <input id="password" type="password" name="password"/>
                </p>
                <p>
                    <label for="re_password">Confirm Password:</label>
                    <input id="re_password" type="password" name="re_password"/>
                </p>
                <p>
                    <label for="student_name">Name:</label>
                    <input id="student_name" type="text" name="student_name"/>
                </p>
                <p>
                    <label for="academy">Academy:</label>
                    <input id="academy" type="text" name="academy"/>
                </p>
                <p>
                    <label for="major">Major:</label>
                    <input id="major" type="text" name="major"/>
                </p>
                <p>
                    <label for="year_of_entrance">Year of Entrance:</label>
                    <input id="year_of_entrance" type="text" name="year_of_entrance"/>
                </p>
            </div>
            <div id="register_submit">
                <input type="submit" class="register_btn" value="Register"/>
                <a href="index.htm">Login</a>
            </div>
        </form>
    </div>    
</div>
</div>
</body>
</html>